<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="robots" content="noindex,nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>{{$p['title']}}</title>
</head>
<body style="margin:0px;">

<style>
    .tip {
        background-color: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .tip-text {
        display: inline-block;
        position: absolute;
        left: 40px;
        line-height: 40px;
        color: #09BB07;
        font-size: 15px;
    }
    .copyright {
    	/*background: #2f4471; */
    	/*color: #fff; */
    	padding: 60px 0; 
    	text-align: center; 
    	font-size: 12px;
    }
    .wrapper{
		margin: 0 3%;
		width: auto;
	}
</style>
{{if code="$siteConf['security'] == 1"}}
<div class="tip">
    <span style="line-height:53px;margin-left:8px;"><svg t="1565407263613" class="icon" viewBox="0 0 1024 1024"
                                                         version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2984"
                                                         width="25" height="25"><path
            d="M862.435556 200.248889h-34.133334s-79.644444-2.275556-159.288889-34.133333c-81.92-34.133333-136.533333-72.817778-136.533333-72.817778l-20.48-15.928889-20.48 13.653333s-54.613333 38.684444-136.533333 72.817778c-79.644444 34.133333-159.288889 34.133333-159.288889 34.133333H161.564444v359.537778c0 179.768889 227.555556 370.915556 350.435556 370.915556s350.435556-191.146667 350.435556-370.915556V200.248889z m-100.124445 159.288889L509.724444 614.4c-6.826667 6.826667-15.928889 9.102222-25.031111 9.102222-6.826667 0-15.928889-2.275556-20.48-6.826666l-170.666666-136.533334c-13.653333-11.377778-18.204444-34.133333-4.551111-47.786666 11.377778-13.653333 34.133333-18.204444 47.786666-4.551112l147.911111 118.328889 232.106667-232.106666c13.653333-13.653333 34.133333-13.653333 47.786667 0s11.377778 31.857778-2.275556 45.511111z"
            fill="#09BB07" p-id="2985"></path></svg></span>
    <div class="tip-text">此二维码已通过安全认证，可以放心识别</div>
</div>
{{if}}
<p style="text-align: center; margin-top:10px;"></p>
<section style="text-align:center;display: flex;justify-content: center;align-items: center;margin-bottom:10px;">
    <section style="transform:rotate(-48deg);">
        <section style="width: 3.6em;">
            <section style="width:2em;height: 1px;background:#fbd854;margin: 0px auto;"></section>
            <section style="width: 3.6em;height: 1px;background:#fbd854;margin: 10px auto;"></section>
        </section>
    </section>
    <section data-width="100%" style="display: inline-block;">
        <section style="display:inline-block;">
            <section
                    style="padding:10px 25px 10px 25px; background-image:url(/static/img/tbg.png); background-repeat:no-repeat; text-align: center;background-size:100% 100%; color:#fff; font-size:16px;letter-spacing:1.5px;">
                <span style="font-size:18px;font-weight:600;">{{$area}}</span>{{if code="$siteConf['diqu_shibie'] == 1"}}仅剩{{$me}}个名额{{if}}
            </section>
        </section>
    </section>
    <section style="transform:rotate(-52deg);">
        <section style="width: 3.6em;">
            <section style="width: 3.6em;height: 1px;background:#fbd854;margin: 10px auto;"></section>
            <section style="width:2em;height: 1px;background:#fbd854;margin: 0px auto;"></section>
        </section>
    </section>
</section>

<div style="width: 90%;margin-left: 5%;height: auto;margin-top: 1.3rem;margin-bottom: 1rem;text-align: center;">
    <img id="qrcode" style="width: 100%;height: auto;border-radius: 10px;box-shadow: 0 0 10px #CCCCCC;"
         src="{{$url}}"
         ontouchstart="gtouchstart(this)" ontouchmove="gtouchmove(this)" ontouchend="gtouchend(this)">
</div>

<section style="text-align:center;margin-bottom:20px;margin-top:5px;">
    <section style="display:inline-block;">
        <section
                style="padding:8px 1.5em;background-image:url(/static/img/tbg2.png); background-repeat:no-repeat; text-align: center;background-size:100% 100%; font-size:16px;letter-spacing:1.5px;">
            <section style="text-align:center;font-size: 20px;color: #333; letter-spacing: 1.5px;">
                {{$p['tips']}}
            </section>
        </section>
    </section>
</section>
<div class="copyright">
    <div class="wrapper">
        {{$experience_tips}}    
    </div>
</div>

<script src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
    var localqid = localStorage.getItem("localqid");
    var qid = "{{$qid}}";
    if(null == localqid || '' == localqid) {
        localStorage.setItem("localqid",qid);
        // $.ajax({url:"{{:url('plus')}}?id="+qid});
    }else if(localqid != qid ){
        localStorage.setItem("localqid",qid);
        // $.ajax({url:"{{:url('plus')}}?id="+qid});
    }

    var timeOutEvent=0;
    function gtouchstart(obj){
        timeOutEvent = setTimeout("longPress()",300);
        return false;
    };
    function gtouchend(obj){
        clearTimeout(timeOutEvent);
        return false;
    };
    function gtouchmove(obj){
        clearTimeout(timeOutEvent);
        timeOutEvent = 0;
    };
    function longPress(){
        timeOutEvent = 0;
        $("#qrcode").attr('ontouchend','');
        $("#qrcode").attr('ontouchmove','');
        $("#qrcode").attr('ontouchstart','');
        if(null == localqid || '' == localqid){
            localStorage.setItem("touch"+qid,"touch");
            $.ajax({url:"{{:url('plus')}}?id="+qid});
        }else if(localqid != qid ){
            localStorage.setItem("touch"+qid,"touch");
            $.ajax({url:"{{:url('plus')}}?id="+qid});
        }else{
            var touch = localStorage.getItem("touch"+qid);
            if(null == touch || '' == touch){
                localStorage.setItem("touch"+qid,"touch");
                $.ajax({url:"{{:url('plus')}}?id="+qid});
            }
        }
    }
</script>
</body>
</html>